<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <meta http-equiv="X-UA-Compatible" content="IE=7"/>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <title>NTB &#9679; Stamp Duty and Registration</title>

    <style type="text/css" media="all">
        @import url("css/style.css");
        @import url("css/jquery.wysiwyg.css");
        @import url("css/facebox.css");
        @import url("css/visualize.css");
        @import url("css/date_input.css");
    </style>

    <!--[if lt IE 8]>
    <style type="text/css" media="all">@import url("css/ie.css");</style><![endif]-->

</head>


<body>

<div id="hld">

<div class="wrapper">        <!-- wrapper begins -->


<div id="header">
    <div class="hdrl"></div>
    <div class="hdrr"></div>

    <h1><a href="#">NTB</a></h1>

    <ul id="nav">
        <li><a href="#">Dashboard</a></li>
        <li class="active"><a href="#">Pages</a>
            <ul>
                <li><a href="#">List pages</a></li>
                <li><a href="#">Add page</a></li>
                <li><a href="#">More actions</a>
                    <ul>
                        <li><a href="#">Some action</a></li>
                        <li><a href="#">Some action</a></li>
                        <li><a href="#">Some action</a>
                            <ul>
                                <li><a href="#">Some action</a></li>
                                <li><a href="#">Some action</a></li>
                                <li><a href="#">Some action</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
            </ul>
        </li>
        <li><a href="#">Posts</a></li>
        <li><a href="#">Media</a>
            <ul>
                <li><a href="#">List media</a></li>
                <li><a href="#">Add media</a></li>
                <li><a href="#">Something else</a></li>
            </ul>
        </li>
        <li><a href="#">Users</a></li>
    </ul>

    <p class="user">Hello, <a href="#">John</a> | <a href="index.html">Logout</a></p>
</div>
<!-- #header ends -->


<div class="block">

    <div class="block_head">
        <div class="bheadl"></div>
        <div class="bheadr"></div>

        <h2>Edit Location "Ha Noi"</h2>

        <ul class="tabs">
            <li><a href="#edit_tab">Edit Location</a></li>
            <li><a href="#chart_tab">Land Cost History</a></li>
        </ul>
    </div>
    <!-- .block_head ends -->


    <div class="block_content tab_content" id="edit_tab">

        <p class="breadcrumb"><a href="#">Parent page</a> &raquo; <a href="#">Sub page</a> &raquo; <strong>Form
            page</strong> (breadcrumb)</p>

        <div class="message errormsg"><p>An error message goes here</p></div>

        <div class="message success"><p>A success message goes here</p></div>

        <div class="message info"><p>An informative message goes here</p></div>

        <div class="message warning"><p>A warning message goes here</p></div>
        <form class="validate-form" action="" method="post">
            <p>
                <label for="locationName">Location Name:</label><span class="required">*</span><br/>
                <input type="text" id="locationName" name="locationName" class="text medium required"
                       title="Please enter the location name!"/>
            </p>

            <p>
                <label for="presentCost">Present Land Cost:</label><span class="required">*</span><br/>
                <input type="text" id="presentCost" name="presentCost" class="text small required number"
                       title="Please enter a number!"/>
                <label for="presentCost" class="note">U.S. dollars / sq. foot</label>
            </p>

            <hr/>

            <p>
                <input type="submit" class="submit small" value="Save"/>
                <input type="submit" class="submit mid" value="Save & Exit"/>
                <a class="submit small gray">Cancel</a>
            </p>
        </form>


    </div>
    <!-- .block_content ends -->

    <div class="block_content tab_content" id="chart_tab">

        <table class="stats" rel="line" cellpadding="0" cellspacing="0" width="100%">

            <thead>
            <tr>
                <td>&nbsp;</td>
                <th scope="col">01.03</th>
                <th scope="col">02.03</th>
                <th scope="col">03.03</th>
                <th scope="col">04.03</th>
                <th scope="col">05.03</th>
                <th scope="col">06.03</th>
                <th scope="col">07.03</th>
                <th scope="col">08.03</th>
                <th scope="col">09.03</th>
                <th scope="col">10.03</th>
                <th scope="col">11.03</th>
                <th scope="col">12.03</th>
                <th scope="col">13.03</th>
                <th scope="col">14.03</th>
            </tr>
            </thead>

            <tbody>
            <tr>
                <th>Land Cost At Ha Noi</th>
                <td>50</td>
                <td>90</td>
                <td>40</td>
                <td>120</td>
                <td>180</td>
                <td>280</td>
                <td>320</td>
                <td>220</td>
                <td>100</td>
                <td>120</td>
                <td>40</td>
                <td>70</td>
                <td>20</td>
                <td>60</td>
            </tr>
            <tr>
                <th>AVG Land Cost</th>
                <td>30</td>
                <td>50</td>
                <td>15</td>
                <td>90</td>
                <td>140</td>
                <td>160</td>
                <td>230</td>
                <td>170</td>
                <td>50</td>
                <td>90</td>
                <td>30</td>
                <td>50</td>
                <td>10</td>
                <td>40</td>
            </tr>
            </tbody>
        </table>

    </div>
    <!-- .block_content ends -->

    <div class="bendl"></div>
    <div class="bendr"></div>

</div>
<!-- .block ends -->

<div id="footer">

    <p class="left"><a href="#">YourWebsite.com</a></p>

    <p class="right">powered by <a
            href="http://themeforest.net/item/adminus-beautiful-admin-panel-interface/94668?ref=enstyled">Adminus</a>
        v1.4</p>

</div>


</div>
<!-- wrapper ends -->

</div>
<!-- #hld ends -->


<!--[if IE]>
<script type="text/javascript" src="js/excanvas.js"></script><![endif]-->
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.img.preload.js"></script>
<script type="text/javascript" src="js/jquery.filestyle.mini.js"></script>
<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="js/jquery.date_input.pack.js"></script>
<script type="text/javascript" src="js/facebox.js"></script>
<script type="text/javascript" src="js/jquery.visualize.js"></script>
<script type="text/javascript" src="js/jquery.visualize.tooltip.js"></script>
<script type="text/javascript" src="js/jquery.select_skin.js"></script>
<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
<script type="text/javascript" src="js/jquery.validate.min.js"></script>
<script type="text/javascript" src="js/ajaxupload.js"></script>
<script type="text/javascript" src="js/jquery.pngfix.js"></script>
<script type="text/javascript" src="js/custom.js"></script>


</body>
</html>